table.calendar
{
  width: 100%;
  height: 90%;
  font: 70% sans-serif;
}

div#calendar
{
  width: 100%;
  height: 100%;
  border: 1px solid black;
  background-color: #eee;
}

div#closer
{
  font-size: 80%;
  text-align: center;
}

div.calendar h4
{
  margin: 0px 0px 3px 0px;
  padding: 0px;
  font: 110% sans-serif;
  text-align: center;
  border-bottom: 1px solid #aaa;
}

table.calendar tr
{
}

table.calendar td
{
  margin: 0px;
  border-render: collapse;
  width: 14.2%;
  height: 14.2%;
  border: 1px solid #666;
  vertical-align: top;
  padding: 2px;
}

table.calendar td.active
{
  border: 2px solid #996;
  padding: 1px;
  background-color: #ee9;
}

table.calendar td.activetoday
{
  padding: 1px;
  background-color: #ee9;
  border: 2px solid #3a3;
  background-color: #dfd;
}

table.calendar td.today
{
  border: 2px solid #3a3;
  padding: 1px;
  font-weight: bold;
  font-size: 120%;
  background-color: #9c9;
  color: blue;
}

table.calendar td.null
{
  border: none;
}

table.calendar a.unapproved
{
  color: #666;
  font-size: 90%;
}

table.calendar a
{
  color: black;
  text-decoration: none;
}

td.active a.day
{
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
}

td.activetoday a.day
{
  font-weight: bold;
  font-size: 120%;
  text-decoration: underline;
}

table.calendar a:hover
{
  background-color: #ddd;
  text-decoration: underline;
}
